# Стилизация блоков с иллюстрациями для статьи о Нью-Йорке

### Реализация

#### В песочнице CodePen

Перед началом работы сделайте форк пена на [https://codepen.io/Netology/pen/aaxNvq](https://codepen.io/Netology/pen/aaxNvq?editors=1100#0). Вносите изменения только во вкладке CSS.

##### Внимание: Общую структуру документа создавать не надо, вкладка Codepen «HTML» работает, как тег `<body>`
см. [инструкцию по работе с Codepen](https://github.com/netology-code/guides/tree/master/codepen).

---

## Описание

Третье тестовое задание проверяет ваши знания CSS и заключается в стилизации блоков с иллюстрациями в статье.
У вас есть верстка статьи с блоками иллюстраций:

![](https://netology-code.github.io/html-2-homeworks/sources/1-2/new-york-task.jpg)

Чтобы успешно выполнить задание, вам нужно правильно стилизовать оба блока с иллюстрациями. При этом вы должны получить следующий результат:

![](https://netology-code.github.io/html-2-homeworks/sources/1-2/new-york-result.jpg)

## Процесс реализации

1. Для элемента `figure` установите внутренний отступ со всех сторон `18px`, сплошную рамку шириной `2px` и цветом `#e0e4e8`, внешний отступ сверху и снизу `20px`.
2. Блок с изображением собора Святого Патрика расположите, как показано в макете, и задайте ему внешний отступ слева `40px`, справа - `0`.
3. Блок с изображением рекламной панели NASDAQ MarketSite на Таймс-сквер расположите, как показано в макете, и задайте ему внешний отступ справа `40px`, слева - `0`.
4. Для элемента `figcaption` установите размер шрифта `13px` и внешний отступ сверху `10px`.
5. Для всех абзацев сделайте так, чтобы расстояние между строк было `26px`.
6. Для всех списков сделайте так, чтобы расстояние между строк было `22px`.
7. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage ([скриншот](/sources/screen.md)). Если режим FullPage View выдал ошибку — вам нужно подтвердить свою учетную запись в codepen, пройдя по ссылке из письма, пришедшего от codepen, тогда все должно начать работать корректно.

